<template>
	<el-dialog :visible.sync="dialogVisible" :close-on-click-modal="false" class="dialog2" :show-close="false"
		width="940px">
		<div class="content">
			<div class="header">
				<div>唐山机器人共享制造公共服务平台</div>
				<i class="el-icon-close" @click="submit"></i>
			</div>
			<div class="cont">
				<div class="top">您已进入<span>“唐山机器人共享制造公共服务平台系统”</span></div>
				<div style="text-align: left;padding: 20px 0;">账户信息</div>
				<div class="item_bot">
					<div class="flex">
						<div>
							<div class="label">用户角色：</div>
							<div class="title2">企业用户</div>
						</div>
						<div>
							<div class="label">用户名：</div>
							<div class="title2">{{dataForm.username}}</div>
						</div>
						<div>
							<div class="label">手机号：</div>
							<div class="title2">{{dataForm.mobile}}</div>
						</div>
						<div>
							<div class="label">单位名称：</div>
							<div class="title2">{{dataForm.corp}}</div>
						</div>
						<div>
							<div class="label">统一社会信用代码：</div>
							<div class="title2">{{dataForm.card}}</div>
						</div>
					</div>
					<div class="flex">
						<div>
							本系统适用于：唐山高新区科技型企业
						</div>
						<div>
							企业简介：{{dataForm.content}}
						</div>
					</div>
				</div>
			</div>
			<div style="width: 95%;height: 1px;background-color: #DCDFE6;margin: 20px auto;"></div>
			<div style="text-align: center;color: #FF4B4B;">温馨提示：请您仔细核对以上账户信息，无误后，点击确定后直接进行需求提交</div>
			<div style="text-align: center;padding: 28px 0;">
				<el-button size="small" @click="submit">取消</el-button>
				<el-button type="primary" size="small" @click="submit">确定</el-button>
			</div>
			<div class="footer">
				唐山市高新技术产业开发区发展改革局
			</div>
		</div>
	</el-dialog>
</template>

<script>
	export default {
		data() {
			return {
				dialogVisible: false,
				dataForm: {},
			}
		},
		created() {

		},
		methods: {
			init() {
				this.dialogVisible = true
				this.$nextTick(() => {
					this.getInfo()
				})
			},
			getInfo() {
				this.$nextTick(() => {
					this.$loading()
				})
				this.$http.post(`/api/admin/getadmininfo`, {}).then(res => {
						this.$closeLoading()
					this.dataForm = {
						...this.dataForm,
						...res.result
					}
				})
			},
			submit() {
				this.$store.commit('setCompanyId',Number(this.dataForm.corp_id))
				this.$router.replace('/process')
			},

		}
	}
</script>
<style scoped lang="scss">
	.dialog2 {
		background: #666 !important;

		/deep/ .el-dialog__header {
			padding: 0;
		}

		/deep/ .el-dialog__body {
			padding: 0;
		}

		.content {
			background: #FFFFFF;

			.header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				height: 66px;
				background: #1890FF;
				width: 100%;
				color: #fff;
				padding: 0 30px;
				font-weight: 500;
				font-size: 20px;
				color: #FFFFFF;
				line-height: 28px;

				i {
					cursor: pointer;
				}
			}

			.footer {
				height: 50px;
				line-height: 50px;
				text-align: center;
				background: #1890FF;
				color: #fff;
			}

			.cont {
				font-weight: 400;
				font-size: 14px;
				color: #333333;
				line-height: 24px;
				text-align: left;
				font-style: normal;
				padding: 0 28px;

				.top {
					text-align: center;
					font-size: 16px;
					padding: 25px 0;

					span {
						color: #1890FF;
					}
				}

				.item_bot {
					display: flex;

					.flex {
						flex: 1;

						.label {
							width: 135px;
							text-align: right;
						}
					}

					.flex>div {
						display: flex;
						margin: 10px 0;
					}
				}
			}
		}
	}
</style>